<div class="message">
  <app-left-line
    [text]="'我的消息'"
  ></app-left-line>

  <div class="content">
    <nz-list nzItemLayout="vertical">
      <nz-list-item *ngFor="let item of data">
        <nz-list-item-meta>
          <!-- <nz-list-item-meta-avatar [nzSrc]="item.avatar"></nz-list-item-meta-avatar> -->
          <nz-list-item-meta-title>
            <a (click)="goDetail(item)">{{ item.title }}</a>
          </nz-list-item-meta-title>
          <nz-list-item-meta-description>
            {{ item.description }}
          </nz-list-item-meta-description>
        </nz-list-item-meta>
        <!-- {{ item.content }} -->
        <ul nz-list-item-actions>
          <nz-list-item-action>
            <!-- <span nz-icon nzType="eye" style="margin-right: 8px;"></span> -->
            2023-12-12 12:11:10
          </nz-list-item-action>
        </ul>
        <!-- <nz-list-item-extra>
          <img width="272" alt="logo" src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png" />
        </nz-list-item-extra> -->
      </nz-list-item>
    </nz-list>
  </div>
</div>
